
$claimNav_color:#F7F7F7;

.claim-content-box{
    width: 1200px;
    margin: 0 auto;
    .claim-filter-box {
        background: $claimNav_color;
        padding: 6px;
        margin: 20px 0;
        .claim-filter{
            width: 140px;
            .ant-select-selection{
                border: none;
                background-color: initial;
                box-shadow: none;
            }
            .ant-select-selection__placeholder{
                color: rgba(0, 0, 0, 0.65);
            }
        }
    }
    .claim-container-box{
        .claim-item-box{
            .claim-item {
                margin: 15px 0;
                cursor: pointer;
                border:1px white solid;
                &:hover{
                    border: 1px gray solid;
                }
                .item-top {
                    padding: 25px;
                    position: relative;
                    .name-lable{
                        color: #888888;
                        font-size: 18px;
                    }
                    .name-text{
                        font-size: 24px;
                        padding: 0 10px;
                    }
                }
                .item-text{
                    padding:10px 20px;
                    background: $claimNav_color;
                    .title {
                        font-size: 11px;
                        color: #888888;
                    }
                    .text{
                        color: #666666;
                    }
                }
                .claim-pending{
                    background: #E6F1E2;
                    .name-text{
                        color: #87D068;
                    }
                    &:after{
                        position: absolute;
                        right: 40px;
                        font-size: 64px;
                        top: -10px;
                        font-family: "iconfont";
                        content: "\E67C";
                        color:#87D068;
                    }
                }
                .claim-processed{
                    background: #E0EEF8;
                    .name-text{
                        color:#108EE9;
                    }
                    &:after{
                        position: absolute;
                        right: 40px;
                        font-size: 64px;
                        top: -10px;
                        font-family: "iconfont";
                        content: "\e67d";
                        color: #108EE9;
                    }
                }
            }
            .claim-list-empty {
                text-align: center;
                padding: 30px 0;
                border: 1px #f1f1f1 solid;
                color: #9f9f9f;
            }
        }
    }
    .claim-pagination-box{
        text-align: right;
        padding: 30px 0;
    }

}

.claim-detail-box{
    .detail-title {
        padding: 20px 50px;
    }
    .detail-content{
        background: #e4e4e4;
        padding: 20px 0;
        .detail-inner{
            border: 1px gainsboro solid;
            border-top:1px #6666ff solid;
            background: white;
            padding: 20px 0;
            width: 1200px;
            margin: 0 auto;
            .detail-info{
                .title{
                    color:#0094FF;
                    padding:15px 16px 5px;
                }
                .info-item{
                    padding: 10px;
                    .info-model{
                        .ant-row{
                            background: $claimNav_color;
                            padding: 10px;
                        }
                        .row-model{
                            margin-bottom: 2px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 56px;
                            div{
                                overflow: hidden;
                                text-overflow: ellipsis;
                                word-break: break-all;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                display: -webkit-box;
                            }
                        }
                    }
                    .img-outer-box{
                        .img-box{
                            width: 60px;
                            height: 60px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            overflow: hidden;
                            img{
                                width: 100%;
                            }
                        }
                    }
                }
            }
            .send-email-box{
                padding: 30px 10px;
                .select-lable{
                    line-height: 32px;
                }
                .ant-form-item-label{
                    text-align: left;
                }
            }
        }
    }
}

.claim-dropdown {
    border-radius: 0px !important;
}
   